<template>
  <div :id="!cebian?'app':'appActive'">
	<!-- <router-link to="/">Home</router-link> | -->
	<headbar></headbar>
	<!-- 侧边栏 -->
	<cebian></cebian>
    <router-view/>
  </div>
</template>

<script>
	import cebian from './components/sidebar.vue'
	import headbar from './components/headbar.vue'
	import {mapState} from 'vuex'
	export default {
		computed:{
			...mapState(['cebian'])
		},
		components:{cebian,headbar}
	}
</script>


<style>
	::-webkit-scrollbar-thumb{
	   background: #CCCCCC;
	   border-radius:10px;
	}
	::-webkit-scrollbar {
		width: 10px;
		height: 10px;
		/* background-color: pink; */
	}
	.big_box{
		padding: 24px 32px;
		box-sizing: border-box;
		background: #FFFFFF;
	}
	#appActive{
		height: calc(100vh - 10px);
		/* background-color: pink; */
		padding: 61px 0 0 65px;
		box-sizing: border-box;
		margin: 5px;
		min-width: 1280px;
		overflow: hidden;
		overflow-y: scroll;
	}
	#app{
		height: calc(100vh - 10px);
		/* background-color: pink; */
		padding: 61px 0 0 200px;
		box-sizing: border-box;
		margin: 5px;
		min-width: 1280px;
		overflow: hidden;
		overflow-y: scroll;
	}
	html,body{
		background: #f9f9f9;
		padding: 0;
		margin: 0;
		/* border: 1px solid red; */
	}
	.el-table thead.is-group th{
		text-align: center;
	}
	.el-table td, .el-table th{
		text-align: center !important;
	}
	.el-drawer__open .el-drawer.rtl{
		min-width: 500px;
	}
	.el-drawer__body{
		padding: 0 20px;
		box-sizing: border-box;
	}
	
</style>
